<template>
  <div class="flex flex_column">
    <!--成品库存 -->
    <el-dialog
      append-to-body
      title="成品库存"
      :visible.sync="isVisible"
      :close-on-click-modal="false"
      custom-class="bodyNoPadDialog bigDialog"
      width="70%"
    >
      <div class="dialogDody marDialog flex flex_column">
        <!-- 表格区域       -->
        <div class="tableCon">
          <el-table
            ref="multipleTable"
            :data="stockList"
            border
            style="width: 100%"
          >
              <el-table-column prop="cartonSizeName" label="规格型号"  />
              <el-table-column prop="packageDescription" label="包装描述" />
              <el-table-column prop="eachBoxQuantity" label="包装数量" />
              <el-table-column prop="stockBoxCount" label="箱数" />
              <el-table-column prop="stockQuantity" label="数量" />
              <el-table-column prop="productStockKwData" label="库位" />
              <el-table-column prop="productStockName" label="备注" />
            </el-table>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button size="mini" @click="isVisible = false">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'productStock',
  props: {
    productNo: {
      type: String,
      default: ''
    },
  },
  data() {
    return {
      stockList: [],
      isVisible:false
    }
  },
  watch: {
    productNo: {
      handler(newVal, oldVal) {
        this.getList();
      },
    },
  },
  computed: {
      
    },
  created() {

  },
  mounted() {},

  methods: {
    getList(){
          this.$api.product.QueryOneFinishedProductStockQuantityData({productNo:this.productNo}).then((res)=>{
              this.stockList = res
          })
      }
  }
}
</script>
<style lang="scss" scoped>
</style>
